package com.example.basic_components.TextField

import androidx.compose.material.Icon
import androidx.compose.material.Text
import androidx.compose.material.TextField
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Search
import androidx.compose.runtime.*

@Composable
fun TextFiledDemo() {
    var text by remember { mutableStateOf("") }
    TextField(
        value = text,
        onValueChange = {text = it},
        //使用 singleLine 参数可以将 TextField 设置成只有一行
        singleLine = true,
        //label 标签可以运用在 TextField 中，当聚焦的时候会改变字体大小
        /*label = {
            Text(text = "E-mail")
        }*/
        //leadingIcon 参数可以在 TextField 前面布置 lambda 表达式所接收到的东西
        leadingIcon = {
            Icon(Icons.Filled.Search, contentDescription = null)
        },
        //trailingIcon 参数可以在 TextField 尾部布置 lambda 表达式所接收到的东西
        trailingIcon = {
            Text(text = "@gmail.com")
        }
    )
}